﻿/***********************************************************
		Microsoft Information Security Tools Team

Description:	Default CSS Styles for CISF Portal based on MSOUX
Author:			Anil Chintala
***********************************************************/


/************************************************************
*						Master Page - Base Styles					*
************************************************************/
body.infosec
{
    background:url(../Images/gradientbg.png) #FFF 0px 0px repeat-x;
    margin: 0px auto;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    color: #676767;
}
ul
{
	margin:0px;
	padding:0px;
}
li
{
	margin:0px;
	padding:0px;
}
a img
{
	border: none;
}
a:link
{
    color: #1f1f1f;
    text-decoration: none;
}
a:hover
{
    color: #175205;
    text-decoration: underline;
}
a:visited
{
    color: #1f1f1f;
    text-decoration: none;
}
.wrap
{
    width: 1250px;
    min-height: 666px;
    height:auto;
    margin: 0px auto;
}
.top
{
    width: 1250px;
    background: url("../Images/Topbgmin.png") 0px 0px no-repeat;
    min-height: 131px;
    margin: 0px auto;
    position:relative;
}
.bodymain
{
    width: 1250px;
    min-height: 571px;
    height:auto !important;
    overflow:hidden;
    margin: 0px auto;
    background: url(../Images/BodyMainBg.png) 0px 0px repeat-y;
    z-index:0;
}
.bodyleft
{
    width: 241px;
    min-height: 556px;
    float: left;
    margin: 3px 0px 20px 20px;
}
.bodyright
{
    width: 960px;
    min-height: 556px;
    margin-top: 3px;
    margin-right: 20px;
    float: right;
}
.bodynonav
{
    width: 1191px;
    min-height: 556px;
    margin: 3px 20px 20px 20px;
    float:left;
}

/************************************************************
*		    		Master Page - Top Area					*
************************************************************/
/*logo*/
.logoarea
{
    width: 1226px;
    height: 79px;
    margin: 0px auto;
}
.MSlogo a
{
    width: 481px;
    height: 36px;
    background: url(../Images/MSlogo.png) 0px 0px no-repeat;
    margin: 40px auto auto 10px;
    float: left;
    display: block;
}
.MSlogo a:active, .MSlogo a:focus
{
    outline: none;
}

/*welcome message*/
.Loginstatus
{
    min-width: 420px;
    height: 30px;
    float: right;
    line-height: 180%;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    color: white;
    margin-top: 27px;
    text-align: right;
    padding-right: 25px;
}
.Loginstatus a
{
    color: white;
}

/************************************************************
*	    	Master Page - Top Navigation Bar				*
************************************************************/
.topmenu
{
    /* nothing*/
}
.topmenu a
{
	color:#FFF !important;
	font-weight:bold !important;
	font-family:Tahoma !important;
    font-size: 8pt !important;
}
#TopMenu
{
	width:1226px;
    font-size: 8pt !important;
    min-height: 28px;
    margin-top: 17px;
    margin-left: 12px;
    vertical-align: bottom;
    border-top:1px solid #175205;
    border-bottom:1px solid #175205;
    color:#FFF !important;
	font-weight:bold !important;
	line-height:28px;
	background:url(../Images/topnavbg.png) #8cd66d 0px 0px repeat-x;
	float:left;
}

/************************************************************
*		    		Master Page - Side Menu				*
************************************************************/
#sidemenutitle
{
    width: 100%;
    height: 31px;
    background: url(../Images/righttitlebg.png) 0px 0px no-repeat;
    font-size: 11pt;
    color: #175205;
    font-weight: bold;
    line-height: 31px;
    text-indent: 10px;
    overflow:visible;
}
.sidemenubody
{
    width: 239px;
    min-height: 660px;
    border-right: 1px solid #175205;
    border-left: 1px solid #175205;
    border-bottom: 1px solid #175205;
    background:#f1ffea;
    /*padding-bottom:32767px !important;
    margin-bottom:-32767px !important;*/
}
.sidemenubody ul, li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
    border: 0px;
}
.sidemenubottom
{
    width: 100%;
    height: 0px;
    background: url(../Images/rightmenubottombg.png) 0px 0px no-repeat;
}
.SideMenu
{
	background:#d6f5bc;
}
.SideMenu li /*First Level*/
{
	background:#bfd9ab;
	margin:0px;
	padding:0px;
	font-weight:bold;
	border-top:1px solid #FFF;
	text-indent: 10px;
}
.SideMenuItem a
{
    color: #175205;
    font-size:8pt;
    line-height:20px;
}
.SideMenuItem_Active a
{
    color: #175205;
    font-size:8pt;
    line-height:20px;
}
.SideMenuItem_Level2
{
    text-indent:26px;
    background:#d9eec9;
    font-weight:normal;
    margin:0px;
    font-size:8pt;
    line-height:20px;
}
.SideMenuItem_Level2 a
{
    color: #175205;
    font-size:8pt;
    line-height:20px;
}

/************************************************************
*		    		Master Page - Breadcrumb				*
************************************************************/
.Breadcrumb
{
    width: 100%;
    font-size: 9pt;
    color: #0c4700;
    line-height: 150%;
    display: block;
}
.Breadcrumb h1
{
    background: url(../Images/location_icon.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 9pt;
    display: inline;
}
.Breadcrumb h2
{
    font-size: 9pt;
    display: inline;
}
.breadcrumbseparator
{
    background: url(../Images/breadcrumb_separator.png) 50% no-repeat;
    padding-left: 15px;
    display: inline;
    overflow:visible;
    text-align: center;
}
.Breadcrumb a:link, .Breadcrumb a:visited
{
    color: #0c4700;
}
.Breadcrumb a:hover
{
    color: green;
    text-decoration: none;
}
/************************************************************
*	    		Master Page - Bottom Area       			*
************************************************************/
.bodybottom
{
    width: 1250px;
    height: 19px;
    margin: 0px auto;
    background: url(../Images/Bodybottombg.png) 0px 0px no-repeat;
}
.Corporation
{
    width: 1250px;
    height: 41px;
    line-height: 38px;
    font-size: 8pt;
    margin: 0px auto;
    background: url(../Images/Corporationbg.png) 0px 0px no-repeat;
    text-indent: 20px;
    color: #d5ffce;
}
.Corporation a:link,
 .Corporation a:visited
{
	color: #d5ffce;	
	text-decoration:underline;
}
#bottomContactPerson a.ms-imnlink img.ms-imnImg
{
	vertical-align: middle;
}

/************************************************************/
/*            Master Page - Default Page Styles             */
/************************************************************/
.content
{
    margin-top: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    line-height: 150%;
    color: #676767;
}
.contentmain
{
    margin-top:10px;
}
.contentmain a:link, a:visited
{
    color: green;
    text-decoration: none;
}
.contentmain a:hover
{
    color: green;
    text-decoration: underline;
}
.contentmain ul
{
    padding-left : 20px
}
.contentmain li
{
    list-style: none;
    list-style-type: disc;
    padding-left : 10px
}

.pageheader
{
    color: #175205;
    font-size:11pt;
    line-height: 150%;
    background: url(../Images/besecureicon.png) no-repeat left center;
    padding: 0 0 0px 15px;
    display: inline;
    margin-bottom:10px;
}
.sectionheader
{
    font-size:8pt;
    line-height: 150%;
    font-weight:bold;
}
.listheader
{
    font-family: Tahoma;
    font-size:8pt;
    line-height: 150%;
    font-weight:bold;
    display: list-item;
}


/*  Modal popup styles  */
.modalWindow
{
	background: url(../Images/gridbg.png) white 1px 0px repeat-x !important;
	border: solid 1px green !important;
	padding: 0px !important;
}
.popupWindowHeader
{
	height: 40px;
	line-height: 40px;
}
.popupWindowHeader .title
{
    color: #175205;
    font-size:11pt;
    line-height: 150%;
    background: url(../Images/besecureicon.png) no-repeat left center;
    padding: 0 0 0 15px;
    display: inline;
    margin-bottom:10px;
    margin-left: 10px;
    float:left;
}
.popupWindowHeader .closeButton
{
	width: 25px;
	height: 17px;
	background: url(../Images/button_close-module.gif) 0 1px no-repeat;
	padding-right: 5px;
	float:right;
}
.popupWindowHeader .closeButton:hover
{
	background-position: 0 -16px;
}

/***********************************************************************
HEADINGS
***********************************************************************/
h2{
	font-size:16pt;
	font-weight:normal;
	/*background:#d4e0e8;*/
	padding: 4px 0px 4px 16px;
	margin:0px 0px 5px 0px;
}
h3{
	font-size:13pt;
	font-weight:bold;
	color:#0060A6;
	background:#FFFFFF;
	background-image:url(../images/hdr_bg3.gif);
	background-repeat:repeat-x;
	padding: 6px 0px 6px 10px;
	margin:0px 4px 5px 0px;
	height:14px;
	width:100%;
	border:1px #86b1e1 solid;
}
h4{
	font-size:12pt;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	padding: 4px 0px 4px 4px;
	margin:0px 10px 5px 0px;
}
h5{
	font-size:12pt;
	font-weight:bold;
	padding: 0px 0px 0px 16px;
	margin:0px 0px 5px 0px;
}
h6{
	font-size:12pt;
	font-weight:bold;
	font-style:italic;
	padding: 0px 0px 0px 16px;
	margin:0px 0px 5px 0px;
}
.h7 {
	font-size: 14pt;
	font-weight: bold;
	color:#9D9082;
}

/***********************************************************************
TABLES STYLES
***********************************************************************/
/* TABLES (FROM RT) */
.table {
    border: 1px solid #838383;
    width: 100%;
    color: #2a2a2a;
}
.table th, .table td , .table tr {
    padding: .05em .5em;
    vertical-align: top;
    border: 1px solid #c4d7d6;
}
/*
.table td span 
{
    color:#c4d7d6;
    font-weight:bold;
}
*/
.table th {
    border: 1px solid #838383;
    background: #dcdcdc url(../Images/table_th_bkgr.png) repeat-x;
    text-align: left;
    font-weight :normal;
}
.table th a {
    display: block;
    padding-right: 10px;
    height: 100%;
    background: url(../Images/table_th_arrow.png) 100% .6em no-repeat;
    color: #2a2a2a;
    text-decoration: none;
}
.table th a:link {
    color: #2a2a2a;
}
.table th a:hover {
    text-decoration: none;
}
.alternate {
    background-color: #f1ffea;
}
.table td a {
    display: block;
    height: 100%;
}
.emptyDataRowStyle {
	background-color: #f1ffea;
}

/* TABLES (MSOUX) */
table.data th{
	background:#f4f3f3;
	font-family:arial;
	font-size:11px;
	color: #333333;
	padding: 4px 8px 4px 8px;
	border-left:1px solid white;
	text-align:left;
	white-space:nowrap;
    margin-bottom: 5px;
    margin-bottom: 5px;
}
table.data td{
	border-bottom:1px solid #e7e7e7;
	padding: 10px;
	font-family:arial;
	font-size:11px;
	color: #333333;
	vertical-align: top;
	empty-cells: show;
}
table.data table.noborder-padding td{
	border:none;
	padding:0px;
	margin:0px;
	height:17px;
}
table.center td{
	vertical-align: middle;
}
table.noborder td{
	border:none;
}
table.nopadding td{
	padding:4px;
}
table.wrap th{
white-space:normal !important;
vertical-align: top !important;
}
table.data table.noborder td{
	border:none;
}
table.xray p{
padding:0px;
margin: 6px 0px 4px 8px;
}
table.data td SPAN.colorSample{
display:block; 
width:18px; 
height:17px; 
float:left; 
margin-right:8px;
background-repeat: repeat-x;
border:1px solid gray;
}
.border{
	font-size:11px;
}
.border td{
	margin:4px;
	padding:2px;
}
/* TABLES (GLYPHS) */
table.glyphs th{
	background:#e1e1e1;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color: #333333;
	padding: 4px 4px 4px 4px;
	text-align:left;
	white-space:nowrap;
}

table.glyphs td{
    padding: 4px 4px 4px 4px;
    font-family:arial;
    font-size:11px;
    color: #333333;
    vertical-align: top;
    empty-cells: show;
}
table.glyphs table.noborder-padding td{
	border:none;
	padding:0px;
	margin:0px;
	height:17px;
}
table.glyphs td.hilite{
	background: #e1e1e1;
}
table.glyphs td.img_bg{
	text-align:center;
}
.border{
	font-size:11px;
}
.border td{
	margin:4px;
	padding:2px;
}
.inProgress 
{
    color: #cc0000;
    font-size: 13px;
}
.bdytxt {
	margin-bottom: 15px;
}
.bdyhdr {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #0060A6;
	height: 20px;
	margin-bottom: 10px;
}
.bdyimg {
	padding: 3px;
	margin-bottom: 20px;
}
.blubox_header
{
	font-size:12px;
	font-weight:bold;
	color:#0060A6;
	background:#FFFFFF;
	background-image:url(../images/hdr_bg3.gif);
	background-repeat:repeat-x;
	height:14px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin-bottom: 5px;
	border:1px #86b1e1 solid;
	}
.gradient_title{
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	color:#474747;
	line-height:24px;
	padding-bottom:10px;
}
.gradient_col_heads{
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
}
.gradient_sample{
	padding-right:6px;
	vertical-align:middle;
}

/***********************************************************************
CUSTOM STYLES
***********************************************************************/
.content2{
	padding:0px;
	margin:0px;
	background-color: #F5F5F5;
	}
	
a.small{
	font-size:11px;}
	
.note{
	 font-size:11px;
	}
.redAlert {
	color: #FF0000
	}
.spec { 
	color: #F07522; 
	font-size: 11px; 
	line-height: 12px;
	}
.altText{margin-top:-20px; padding-left:0px; position:absolute; font-size:11px;}


/*****************************************************************************
Control buttons for dialogs and wizards
*****************************************************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin:10px;
}

a.squarebutton{
background: transparent url('../images/button_left.png') no-repeat top left;
display: block;
float: left;
font: normal 11px Tahoma; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 24px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
color:#808080;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #0060a6; /*button text color*/
font: normal 11px Tahoma; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 24px; /* Height of button background height */
text-decoration: none;
}

a.squarebutton span{
background: transparent url('../images/button_right.png') no-repeat top right;
display: block;
padding: 4px 15px 5px 6px; /*Set 9px below to match value of 'padding-left' value above*/
margin-right: 10px;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: -24px left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: -24px right;
color: #0060a6;
}

a.disabledbutton{
background: transparent url('../images/button_left.png') no-repeat bottom left;
display: block;
float: right;
font: normal 11px Tahoma; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 24px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
color:#808080;
}

a.disabledbutton span{
background: transparent url('../images/button_right.png') no-repeat bottom right;
display: block;
padding: 4px 15px 5px 6px; /*Set 9px below to match value of 'padding-left' value above*/
margin-right: 10px;
cursor:default;
}
